<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>欢迎页面 WELCOME</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" th:href="@{/statics/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/statics/style/admin.css}" media="all">
    <style type="text/css">
        .layui-row a:hover .deskbox{
            color: #FFFFFF;
            background: #1e88e5;
        }
        .deskbox {
            height: 90px;
            border-radius: 5px;
            color: #666;
            text-align: center;
            background: #fafafa;
            margin: 5px;
        }
        .deskbox dd {
            font-size: 30px;
            padding-top: 13px;
            line-height: 40px;
        }
        .layui-icon {
            display: inline-block;
            font-size: 36px;
        }
    </style>
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">快捷方式</div>
                <div class="layui-card-body" pad15>

                    <div class="layui-row layui-col-space10">

                        <div class="layui-col-xs4 layui-col-sm2 layui-col-md2 layui-col-lg2" th:each="menu:${menus}">
                            <a href="javascript:;" th:lay-href="@{${menu.url}}" lay-direction="2">
                                <dl class="deskbox center-block">
                                    <dd>
                                        <i th:class="${menu.icon}" aria-hidden="true"></i>
                                    </dd>
                                    <dt th:text="${menu.name}">TEXT</dt>
                                </dl>
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>


<script th:src="@{/statics/layui/layui.js}"></script>
<script>
    layui.config({
        base: '/statics/' //静态资源所在路径
    }).extend({
        index: 'lib/index'
    }).use(['index'], function () {
        var $ = layui.$
            , admin = layui.admin
            , element = layui.element;

    });
</script>

</body>
</html>
